@media screen and (max-width:768px) {
    main section {
        width: 100%;
        height: auto;
    }
    main section .con {
        height: 100%;
        flex-direction: column;
    }
    main section .con .wrap {
        width: 100%;
    }
    main section .con .wrap .commin {
        width: 100%;
    }
    header {
        padding: 0;
        position: relative;
    }
    header .wrap {
        width: 100%;
        padding: 0;
    }
    .nav {
        display: none;
    }
    .slideshow {
        height: 327.5px;
    }
    .grade section {
        height: auto;
    }
    .grade-con {
        height: auto;
        flex-direction: column;
        align-items: center;
    }
    main section .con .commin {
        width: 100%;
    }
    .serve section {
        height: auto;
    }
    .serve-con {
        flex-direction: column;
        height: auto;
    }
    .serve-con .serve-main {
        width: 100%;
    }
    .serve-con .serve-ch {
        transform: scale(1);
    }
    .guli section {
        height: auto;
    }
    .guli-con {
        flex-direction: column;
        height: auto;
    }
    .guli-con .guli-main {
        width: 100%;
    }
    .news section {
        height: auto;
    }
    .news-con {
        height: auto;
    }
    .news-main {
        width: 100%;
    }
    .news-main .news-txt {
        width: calc(100% - 150px);
    }
    .client section {
        height: auto;
    }
    .client-con {
        height: auto;
    }
    .about section {
        width: 100%;
        height: 720px;
        flex-wrap: wrap;
    }
    .about-con {
        width: 50%;
    }
    .about-con:last-of-type {
        width: 50%;
        border-right: none;
    }
    .footer section {
        height: 164px;
    }
    .phone {
        display: block;
    }
    .mob-footer {
        display: flex;
    }
    .sidebar {
        bottom: 54.6px;
    }
    .sidebar .bar:nth-child(-n+4) {
        display: none;
    }
    .sidebar .bar:nth-child(5) a {
        border-radius: 50%;
        border: none;
        background-position: -92px 0;
    }
    .sidebar .bar:nth-child(5):hover a {
        background-position: 0 0;
        background-color: #f5f5f5;
    }
    .tel-btn {
        display: block;
    }
}